<#--

    Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java.
    Copyright (C) 2012-present, b3log.org

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.

-->
<#include "macro-head.ftl">
<#include "common/sub-nav.ftl">
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<@head title="${breezemoonLabel} - ${symphonyLabel}">
    <meta name="description" content="只与清风、明月为伴。清凉的风，明朗的月。"/>
</@head>
    <link rel="stylesheet" href="${staticServePath}/css/index.css?${staticResourceVersion}"/>
</head>
<body>
<#include "header.ftl">
<div class="main">
    <div class="content fn-clear">
        <div class="domains fn-flex">
            <a href="${servePath}/watch">${followingTagsLabel}</a>
            <a href="${servePath}/watch/users">${followingUsersLabel}</a>
            <a class="selected" href="${servePath}/watch/breezemoons">${breezemoonLabel}</a>
        </div>
        <div class="list">
            <ul id="breezemoonList">
                <#list watchingBreezemoons as item>
                    <li class="fn-flex" id="${item.oId}">
                        <a class="tooltipped tooltipped-n avatar"
                           style="background-image:url('${item.breezemoonAuthorThumbnailURL48}')"
                           rel="nofollow" href="${servePath}/member/${item.breezemoonAuthorName}"
                           aria-label="Vanessa">
                        </a>
                        <div class="fn-flex-1">
                            <div class="ft-fade">
                                <a href="${servePath}/member/${item.breezemoonAuthorName}">${item.breezemoonAuthorName}</a>
                                •
                                <span class="ft-smaller">
                                    ${item.timeAgo}
                                </span>
                                <span class="ft-smaller ua" data-ua="${item.breezemoonUA}"></span>

                                <div class="fn-right">
                                    <#if isLoggedIn && permissions["commonRemoveBreezemoon"].permissionGrant && item.breezemoonAuthorName == currentUser.userName>
                                    <span class="tooltipped tooltipped-n ft-red rm" aria-label="${removeLabel}">
                                        <svg><use xlink:href="#remove"></use></svg>
                                    </span>
                                    </#if>
                                    <#if isLoggedIn && permissions["commonUpdateBreezemoon"].permissionGrant && item.breezemoonAuthorName == currentUser.userName>
                                    &nbsp;&nbsp;
                                    <span class="tooltipped tooltipped-n ft-a-title edit"
                                          aria-label="${editLabel}">
                                        <svg><use xlink:href="#edit"></use></svg>
                                    </span>
                                    &nbsp;&nbsp;
                                    </#if>
                                    <a class="ft-a-title"
                                       href="${servePath}/member/${item.breezemoonAuthorName}/breezemoons/${item.oId}">
                                        <svg><use xlink:href="#link"></use></svg>
                                    </a>
                                </div>
                            </div>
                            <div class="vditor-reset">${item.breezemoonContent}</div>
                        </div>
                    </li>
                </#list>
            </ul>
        </div>
    </div>
    <#if domains?size != 0>
        <div class="module">
            <div class="module-header">
                <h2>${domainNavLabel}</h2>
                <a href="${servePath}/domains" class="ft-gray fn-right">All Domains</a>
            </div>
            <div class="module-panel">
                <ul class="module-list domain">
                    <#list domains as domain>
                        <#if domain.domainTags?size gt 0>
                            <li>
                                <a rel="nofollow" class="slogan"
                                   href="${servePath}/domain/${domain.domainURI}">${domain.domainTitle}</a>
                                <div class="title">
                                    <#list domain.domainTags as tag>
                                        <a class="tag" rel="nofollow"
                                           href="${servePath}/tag/${tag.tagURI}">${tag.tagTitle}</a>
                                    </#list>
                                </div>
                            </li>
                        </#if>
                    </#list>
                </ul>
            </div>
        </div>
    </#if>
    <#include "side.ftl">
</div>
    <#include "footer.ftl">
<script src="${staticServePath}/js/breezemoon${miniPostfix}.js?${staticResourceVersion}"></script>
</body>
</html>
